const checkBoxs = document.getElementsByClassName("checkbox");

//获取各个选项值
chrome.storage.local.get(['Enabled', 'Auto_expand', 'Enable_copy', 'Clear_doms'], function(value) {
    ['Enabled', 'Auto_expand', 'Enable_copy', 'Clear_doms'].forEach((key, index) => {
        checkBoxs[index].checked = value[key];
    });
});

// 添加事件监听器的函数
function addCheckboxListener(index, key, logMessage) {
    checkBoxs[index].addEventListener("change", () => {
        const valueToSet = checkBoxs[index].checked;
        console.log(valueToSet ? `启用${logMessage}` : `关闭${logMessage}`);
        
        chrome.storage.local.set({ [key]: valueToSet })
            .then(() => {
                if (index === 0) { // 如果是启用插件的选项，则刷新页面
                    chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) {
                        chrome.scripting.executeScript({
                            target: { tabId: tabs[0].id },
                            func: refreshPage,
                        }).catch(error => console.error("执行脚本失败：", error));
                    }).catch(error => console.error("查询标签失败：", error));
                }
            }).catch(error => console.error("存储设置失败：", error));
    });
}

// 为每个复选框添加事件监听器
addCheckboxListener(0, 'Enabled', '扩展');
addCheckboxListener(1, 'Auto_expand', '自动展开');
addCheckboxListener(2, 'Enable_copy', '破解复制');
addCheckboxListener(3, 'Clear_doms', '清除弹窗');

document.getElementById("refresh").onclick = () => {
    chrome.tabs.query({
        active: true,
        currentWindow: true
    }, function(tabs) {
        chrome.scripting.executeScript({
            target: {
                tabId: tabs[0].id
            },
            func: refreshPage,
        });
    });
}

function refreshPage() {
    window.location.reload();
}